iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
自我挑戰組

網美滴網頁系列 第 9

Day9_HTML語法6

  • 分享至 

  • xImage
  •  

項目符號和編號
在閱讀時,常常會使用條列式的方式呈現內容,讓讀者更一目了然,此時我們就會使用 < ul>、< ol>、< li>元素來做條列式的呈現

  • < ul>是標示項目符號
  • < ol>是標示編號
  • < li>是用來設定個別的項目資料
    下圖例子讓大家更了解,大家也可以試著做做看
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142o2SulAEGmH.png
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142QZYnsWwPDH.png
    而< ol>是可以作揖些其他設定讓他有其他的編號類型,省略設定就會像上圖的例子,會直接以阿拉伯數字表示,若做設定,我們會使用type做設定
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142YzJNACWgMV.png
    下面舉個例子給大家,大家也可以試著做做看
    https://ithelp.ithome.com.tw/upload/images/20210923/201401423H1XdJTdho.png
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142UCjQLtMC86.png
    今天的大家可以一樣在家試試看,會更了解歐,大家加油!!!!!!!!!!!!!!!!!!

上一篇
Day8_HTML語法5
下一篇
Day10_HTML語法7
系列文
網美滴網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言